'use strict'
import React, {
    Component
} from 'react'
import {
    Link
} from 'react-router'

import Header from './Common/Header'
import Footer from './Common/Footer'

import '../scss/card.scss'
import imgBanner from '../Img/card/banner.png'

export default class Card extends Component {

    render() {
        return (
            <div className='fnlist' style={{paddingTop:0}}>
                <div className='fntop text-center'>
                    <img src={imgBanner}/>
                </div>
                <div className='packagetitle'>
                    <h5>选择智能学生证套餐：</h5>
                    <ul className='sltlist clearfix'>
                        <li className='active'>套餐: 365元/年</li>
                    </ul>
                </div>
                <div className='fnintro'>
                    <div className='item' id='cardlist'>
                        <p>套餐包含内容：</p>
                        <p className='br'>价值398元的智能学生证</p>
                        <p className='br'>价值365元的安全套餐（含每月200分钟通话，30M流量）</p>
                        <p className='br'>全年价值240元的家校通服务</p>
                        <p className='br song'>价值一万元的随寻大礼包服务</p>
                    </div>
                </div>
                <Footer>
                    <div className='sltview'>已选择<span>套餐：365元/年</span></div>
                    <Link to={'/buy'} className='buybtn'>立即购买</Link>
                </Footer>
            </div>
        )
    }
}
